.w {
  width: 92.66667vw;
  margin: 0 auto;
}
header {
  height: 11.33333vw;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
}
header .logo {
  width: 18.66667vw;
  height: 5.6vw;
  background: url(../images/logo.png) no-repeat;
  background-size: 18.66667vw 5.6vw;
  color: transparent;
}
header i {
  position: absolute;
  top: 4vw;
  left: 26.66667vw;
  font-size: 2.93333vw;
  color: #7c82a0;
}
header input {
  width: 68vw;
  height: 7.2vw;
  line-height: 7.46667vw;
  background-color: #f0f0f0;
  border-radius: 2.93333vw;
  padding-left: 8.66667vw;
}
header input::-webkit-input-placeholder {
  font-size: 2.93333vw;
  position: relative;
  top: 0.26667vw;
  left: 0.66667vw;
}
header .user {
  width: 6.66667vw;
  height: 6.66667vw;
}
header .user img {
  width: 6.66667vw;
  height: 6.66667vw;
}
.banner {
  height: 53.33333vw;
  width: 100vw;
}
.banner img {
  height: 53.33333vw;
  width: 100vw;
}
nav {
  height: 40.93333vw;
  width: 100vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
nav a {
  width: 20vw;
  height: 20vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
nav a img {
  width: 12vw;
  height: 12vw;
}
.qy_bd .qy_bd_hd {
  height: 10.66667vw;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.qy_bd .qy_bd_hd h3 {
  font-size: 4.66667vw;
}
.qy_bd .qy_bd_hd a {
  font-size: 3.06667vw;
  height: 6.66667vw;
  width: 32vw;
  border-radius: 3.33333vw;
  background-color: #02db94;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.qy_bd .qy_bd_hd a i:first-child {
  transform: rotate(180deg);
}
.qy_bd .qy_all_items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.qy_bd .qy_all_items .qy_item {
  height: 63.33333vw;
  width: 44.66667vw;
}
.qy_bd .qy_all_items .qy_item img {
  width: 44vw;
  height: 44vw;
}
.qy_bd .qy_all_items .qy_item p {
  color: #000000;
  font-size: 3.06667vw;
  /*1. 超出的部分隐藏 */
  overflow: hidden;
  /*2. 文字用省略号替代超出的部分 */
  text-overflow: ellipsis;
  /* 3. 弹性伸缩盒子模型显示 */
  display: -webkit-box;
  /* 4. 限制在一个块元素显示的文本的行数 */
  -webkit-line-clamp: 2;
  /* 5. 设置或检索伸缩盒对象的子元素的排列方式 */
  -webkit-box-orient: vertical;
}
.qy_bd .qy_all_items .qy_item span {
  height: 10.66667vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.qy_bd .qy_all_items .qy_item span p {
  color: #d0d0cf;
}
.qy_bd .qy_all_items .qy_item span i {
  padding-right: 0.66667vw;
}
